<template>
<div>
  <el-input v-model="inputData" placeholder="请输入内容" style="width: 185px;height: 35px" ></el-input>
  <el-button type="success" size="small" style="margin-left: 15px">成功按钮</el-button>
  <el-button type="warning" size="small">警告按钮</el-button>
  <el-button type="danger" size="small">危险按钮</el-button>
  <!--          表格-->
  <el-table
    :header-cell-style="{
      background:'#f8f8f9',color:'#515a6e'}"
    @selection-change="handleSelectionChange"
    tooltip-effect="dark"
    ref="multipleTable"
    class="mgt"
    :data="tableData"
    border
    style="width: 100%">
    <el-table-column
      prop="date"
      type="selection"
      width="130">
    </el-table-column>
    <el-table-column
      prop="name"
      label="用户名"
      width="130">
    </el-table-column>
    <el-table-column
      prop="mobile"
      label="手机号"
      width="130">
    </el-table-column>
    <el-table-column
      prop=""
      label="头像"
      width="130">
    </el-table-column>
    <el-table-column
      label="地区"
      width="130">
      <template slot-scope="scope">
        {{scope.row.province}}-{{scope.row.city}}-{{scope.row.region }}
      </template>
    </el-table-column>
    <el-table-column
      label="状态"
      width="130"
    >
      <template slot-scope="scope">
        <el-tag type="info" v-if="scope.row.status==='1'">已通过</el-tag>
        <el-tag type="warning" v-else>未通过</el-tag>
      </template>
    </el-table-column>
    <el-table-column
      width="130"
      label="创建时间">
      <template slot-scope="scope">
        {{scope.row.ctime | timeFormatSeconds}}
      </template>
    </el-table-column>
    <el-table-column
      width="130"
      label="是否为管理员">
      <template slot-scope="scope">
        <el-tag  v-if="scope.row.isadmin==='1'">是</el-tag>
        <el-tag type="warning" v-else>否</el-tag>
      </template>
    </el-table-column>
    <el-table-column
      prop="address"
      label="操作">
      <template slot-scope="scope">
        <el-button type="primary" @click="editStatus(scope.row.id)" size="small">取消管理员</el-button>
        <el-button type="danger" @click="delUser(scope.row.id)" size="small">删除</el-button>
      </template>
    </el-table-column>
  </el-table>
  <!--      //分页器-->
  <el-pagination
    @size-change="handleSizeChange"
    @current-change="handleCurrentChange"
    :current-page="this.pages._pag"
    :page-sizes="[10, 20, 30, 40]"
    :page-size=100
    layout="total, sizes, prev, pager, next, jumper"
    :total=this.totals>
  </el-pagination>
</div>
</template>

<script>
export default {
  name: 'Biosanple',
  data () {
    return {
      tableData: null,
      inputData: null
    }
  },
  methods: {
    handleSelectionChange () {}
  }
}
</script>

<style scoped>
.mgt{
  margin-top: 50px;
}
</style>
